<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>test</title>
  <!--<meta name="site" content="content site">
  <meta name="Site" content="content Site">
  <meta name="title" content="content title">
  <meta name="Title" content="content Title">-->
  <link rel="stylesheet" href="dist/css/share.min.css">
  <!--<meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta http-equiv="content-language" content="zh-CN">
  <meta content="1 days" name="revisit-after" />
  <meta name="robots" content="all">-->
  <meta name="viewport" content="width=640, maximum-scale=1.0, user-scalable=no">
  <!--<meta content="yes" name="apple-mobile-web-app-capable" />
  <meta content="black" name="apple-mobile-web-app-status-bar-style" />
  <meta content="telephone=no" name="format-detection" />
  <meta content="false" id="twcClient" name="twcClient" />-->
  <style>
  .row{padding: 20px 0 0 20px}
  .row-pad{padding: 20px 0 0 60px}
  </style>
</head>
<body>
  <div class="row-pad">
    <h1>test</h1>
  </div>

  <ol>
    <!--<li class="row">
      <div class="social-share" data-sites="weibo,qq,qzone,tencent"></div>
    </li>
    <li class="row">
      <div class="share-component" data-disabled="wechat , facebook, twitter, google"></div>
    </li>
    <li class="row">
      <div class="social-share"></div>
    </li>
    <li class="row">
      <div class="social-share" data-initialized="true">
        <a href="#" class="social-share-icon icon-weibo"></a>
        <a href="#" class="social-share-icon icon-qq"></a>
        <a href="#" class="social-share-icon icon-qzone"></a>
      </div>
    </li>
    <li class="row">
      <div class="social-share" data-mode="prepend">
        <a href="javascript:" class="social-share-icon icon-heart"></a>
      </div>
    </li>-->
    <!--<li class="row">
      <div id="share-1"></div>
    </li>-->
    <li class="row">
      <div id="share-2"></div>
    </li>
    <!--<li class="row">
      <div id="share-3" data-sites="weibo,qq,qzone,tencent"></div>
    </li>
    <li class="row">
      <div id="share-4" data-disabled="wechat , facebook, twitter, google"></div>
    </li>-->
  </ol>

<script src="http://apps.bdimg.com/libs/jquery/1.8.2/jquery.js"></script>
<script src="dist/js/jquery.share.min.js"></script>
<script>
// $('#share-1').share();
$('#share-2').share({
  sites: ['qzone', 'qq', 'weibo','wechat'],
  url :'https://git.oschina.net/hjm100',
  title:'开源中国',
  description:'我的地排我做主！！',
  image:'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1505044898&di=39a7102c5fb0ab8df15907ea073bc9f7&src=http://science.china.com.cn/images/attachement/png/site555/20160920/e89a8ffb1393194ae4e355.png',
});
// $('#share-3').share();
// $('#share-4').share();
</script>
</body>
</html>